@charset 'utf-8';

/* 用来不挡住底部 */
.bot{
    padding-bottom: 1rem;
}
/* 搜索框 */
nav {
    display: flex;
    width: 7.5rem;
    height: 1.04rem;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(180deg, #FF6040 0%, #FF8A80 100%);
    box-shadow: 0 2px 6px 0 rgba(255, 149, 128, 0.50);
    line-height: 0.64rem;
    /* margin-top: 0.88rem; */
}

.nav-search {
    position: relative;
}

.nav-search input {
    width: 7.1rem;
    height: 0.64rem;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 0.06rem;
    text-indent: 0.68rem;
    font-size: 0.28rem;
}

.nav-search input::placeholder {
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #999999;
    letter-spacing: 0;
}

.nav-search i {
    position: absolute;
    left: 0.1rem;
    top: 0;
    font-size: 0.6rem;
    color: #999;
    vertical-align: middle;
}

/* 导航栏分类 */
.nav-sort {
    display: flex;
    align-self: flex-end;
    width: 7.5rem;
    font-family: PingFangSC-Regular;
    font-size: 0.28rem;
    color: #2D2D2D;
    text-align: center;
    line-height: 0.64rem;
}

.nav-sort ul {
    display: flex;
    width: 6.2rem;
    justify-content: space-between;
    padding-left: 0.2rem;
}

/* 添加下划线 */
.nav-sort li span {
    margin: auto;
    width: 0.4rem;
    border-bottom: 1px solid transparent;
    border-radius: 1px;
}

/* 当前购物状态下 */
.nav-sort .fontSize {
    width: 1.28rem;
}

.nav-sort .fontSize,
.nav-sort li:hover {
    font-size: 0.32rem;
    color: #FF5626;
}

.nav-sort .fontSize span,
.nav-sort li:hover span {
    border-bottom: 1px solid #FFF3F2;
}

/* 分类按钮 */
.nav-sort .sortBtn {
    width: 1.3rem;
    height: 0.64rem;
    color: #fff;
    box-shadow: -5px 0px 10px -5px #E63D2E;
    /* position: absolute; */
    /* right: 0; */
}

.sortBtn i {
    font-size: 0.24rem;
}

/* 中间内容 */
.content {
    width: 7.5rem;
}

/* 字体 */
.font32 {
    font-size: 0.32rem;
}

.font28 {
    font-size: 0.28rem;
}

.font24 {
    font-size: 0.24rem;
    color: #333333;
    text-align: center;
}

.font20 {
    font-size: 0.2rem;
}

/* 商品介绍 */
.introduce {
    color: #999;
    display: flex;
    flex-direction: column;
}

.introduce h4 {
    font-family: PingFangSC-Regular;
    color: #333333;
    font-weight: 400;
    white-space: nowrap;
}

.introduce .comIntroduce {
    font-family: PingFangSC-Regular;
    line-height: 0.56rem;
}

/* 标价 */
.money b,
.money del {
    font-family: PingFangSC-Semibold;
    color: #FF6040;
    line-height: 0.16rem;
}

.money del {
    color: #999999;
}

.money span {
    font-family: PingFangSC-Semibold;
    font-size: 0.4rem;
    color: #FF6040;
    line-height: 0.32rem;
}

/* 背景 */
.bgFF8066 {
    width: 2rem;
    height: 0.32rem;
    margin-bottom: 0.1rem;
    line-height: 0.32rem;
    text-align: center;
    background: #FF8066;
    font-family: PingFangSC-Light;
    color: #FFFFFF;
}

/* 定位 */
.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flexC {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

/* 已免运费和领劵 */
.conNav-right span:last-child {
    color: #FF6040;
    border-left: 1px solid #979797;
    margin-left: 0.2rem;
    padding-left: 0.2rem;
}

/* 商品列表和确认订单商品图片 */
.commodityLeft img {
    width: 2.16rem;
    height: 2.18rem;
}

/* 结算固定栏 */
.payfor p span:first-child {
    text-align: right;
}

.payfor p span:last-child {
    font-family: PingFangSC-Light;
    font-size: 0.2rem;
    color: #999999;
}

.payfor input[type=submit] {
    width: 2.2rem;
    height: 0.98rem;
    background: #FF6040;
    color: #fff;
}

/* 登录 */
.login {
    width: 7.1rem;
    height: 13.4rem;
    margin: 0.2rem;
    text-align: center;
    justify-content: center;
    background: #fff;
}

.login img {
    width: 3.64rem;
}

.login input[type=submit] {
    margin: 0.64rem 0px 0.4rem;
    width: 7.1rem;
    height: 0.98rem;
    background: #FF6040;
    color: #FFFFFF;
}